<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../layui/css/layui.css" media="all">
<title>商品</title>
<style type="text/css">
	.input-width{
		width:300px;
	}
</style>
</head>

<body>

	<fieldset class="layui-elem-field layui-field-title"
		style="margin-top: 20px;">
		<legend>商品</legend>
	</fieldset>

	<form class="layui-form" id="myform" lay-filter="myform">
		<input type="hidden" id="proId" name="proId">
		<input type="hidden" id="usersId" name="usersId">
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">商品名称</label>
				<div class="layui-input-block">
					<input type="text" name="proName" id="proName"
						lay-verify="required" placeholder="请输入商品名称" autocomplete="off"
						class="layui-input input-width" maxlength="10">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">商品类型</label>
				<div class="layui-input-block input-width">
					<select name="proTypeId" lay-verify="select" lay-search=""
						id="proTypeId">
						<option value="">商品类型</option>
					</select>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">商品价格</label>
				<div class="layui-input-block">
					<input type="number" name="proPrice" id="proPrice"
						lay-verify="required" placeholder="请输入商品价格" autocomplete="off"
						class="layui-input input-width" maxlength="10">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">商品颜色</label>
				<div class="layui-input-block">
					<input type="text" name="proColor" id="proColor"
						placeholder="请输入商品颜色" autocomplete="off"
						class="layui-input input-width" maxlength="10">
				</div>
			</div>
		</div>
		<div class="layui-form-item" id="sjmc">
			<div class="layui-inline">
				<label class="layui-form-label">商品容量</label>
				<div class="layui-input-block">
					<input type="text" name="proCapacity" id="proCapacity"
						placeholder="请输入商品容量" autocomplete="off"
						class="layui-input input-width" maxlength="10">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">商品描述</label>
				<div class="layui-input-block">
					<input type="text" name="proRemark" id="proRemark"
						placeholder="请输入商品描述" autocomplete="off"
						class="layui-input input-width" maxlength="10">
				</div>
			</div>
		</div>
		<!-- 提交重置 -->
		<div class="layui-form-item">
			<div class="layui-input-block">
				<input type="button" class="layui-btn" id="add-product"
					value="保存">
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>

	<script src="../layui/layui.js"></script>
	<script type="text/javascript"
		src="../res/js/jquery-1.10.2.js"></script>
	<script src="../res/js/base.two.js"></script>
	<script src="../res/js/productAddOrUpdate.js"></script>

</body>
</html>